<template>
	<view class="main">
		<view class="list">
			<view class="coach-list" v-for="item in 10" :key="item">
				<BoundCoach :type="2" />
			</view>
		</view>
		<view class="assistant-buttons">
			<view class="assistant-buttons-content">
				<button @click="echoAssistant">增加助教</button>
			</view>
		</view>

	</view>
</template>

<script lang="ts" setup>
	import BoundCoach from '@/componnens/coach-card.vue'
	const echoAssistant = () => {
		uni.navigateTo({
			url: '/pages/index/echoAssistant?type=1'
		})
	}
</script>

<style lang="scss" scoped>
	.main {
		padding-bottom: 88rpx;

		.list {
			padding: 28rpx 42rpx;
		}
	}

	.assistant-buttons {
		margin: 0 30rpx;
		// margin-top: 54rpx;
		position: fixed;
		bottom: 5rpx;
		left: 0;
		right: 0;

		.assistant-buttons-content {
			button {
				background-color: #3377FE;
				color: white;
				border-radius: 100rpx;
				font-size: 28rpx;
				padding: 8rpx 0;

				&::after {
					display: none;
				}
			}
		}
	}
</style>